<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<body>

<div class="header" th:fragment="header">
    <div class="header-wrap">
        <h1 class="logo pull-left">
            <a href="index.html">
                <img th:src="@{/images/logo.png}" alt="" class="logo-img">
                <img th:src="@{/images/logo-text.png}" alt="" class="logo-text">
            </a>
        </h1>
        <form class="layui-form blog-seach pull-left" onsubmit="return false;">
            <div class="layui-form-item blog-sewrap">
                <div class="layui-input-block blog-sebox">
                    <i class="layui-icon layui-icon-search"></i>
                    <input type="text" id="searchTitle" class="layui-input">
                </div>
            </div>
        </form>
        <div class="blog-nav pull-right">
            <ul class="layui-nav pull-left">
                <li th:class="${categoryId=='index'?'layui-nav-item layui-this':'layui-nav-item'}"><a href="/index">首页</a></li>
                <li th:each="head:${head}" th:class="${typeId==head.id?'layui-nav-item layui-this':'layui-nav-item'}"><a th:href="@{/index(typeId=${head.id})}" th:text="${head.name}"></a></li>
                <li th:class="${categoryId=='message'?'layui-nav-item layui-this':'layui-nav-item'}"><a th:href="@{/message}">留言</a></li>
                <li class="layui-nav-item"><a href="about.html">关于</a></li>
            </ul>
            <a href="#" class="personal pull-left">
                <i class="layui-icon layui-icon-username"></i>
            </a>
        </div>
        <div class="mobile-nav pull-right" id="mobile-nav">
            <a href="javascript:;">
                <i class="layui-icon layui-icon-more"></i>
            </a>
        </div>
    </div>
    <ul class="pop-nav" id="pop-nav">
        <li><a href="index.html">首页</a></li>
        <li th:each="head:${head}"><a  th:href="@{/index(typeId=${head.id})}" th:text="${head.name}" ></a></li>
        <li><a href="message.html">留言</a></li>
        <li><a href="about.html">关于</a></li>
    </ul>
</div>

</body>
</html>
